<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <!-- 引入layui 样式-->
    <link rel="stylesheet" href="../../static/layer/css/layui.css"/>
    <link rel="stylesheet" href="../../static/css/font-awesome.min.css">
    <script type="text/javascript" src="../../static/layer/layui.js"></script>
</head>
<body>
<div class="layui-tab layui-tab-brief" lay-filter="expense_management">
    <ul class="layui-tab-title">
        <li class="layui-this" data-2tab="0">暂存中合同</li>
        <li data-2tab="1">履约中合同</li>
        <li data-2tab="2">待完结合同</li>
        <li data-2tab="3">终止后合同</li>
        <li data-2tab="4">审批中合同</li>
        <li id="dd" data-2tab="5">将到期合同</li>
    </ul>
    <div class="layui-tab-content">
        <!--暂存的合同-->
        <div class="layui-tab-item layui-show">
            <div class="operateTablezancun">
                <div class="layui-inline">
                    <input class="layui-input" name="BUILDING_NAME" id="BUILDING_NAMEzc" placeholder="楼宇名称">
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="ROOM_NUM" id="ROOM_NUMzc" placeholder="项目编号">
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAMEzc" placeholder="承租方">
                </div>
                <button class="layui-btn" data-type="reload">搜索</button>
            </div>
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <table id="contractzancun" lay-filter="zancunf"></table>
                <!-- <script type="text/html" id="zancunbar">-->
                <div style="display: none;" id="zancunbar">
                    <a class="layui-btn  layui-btn-mini" lay-event="detail">查看</a>
                    <a class="layui-btn  layui-btn-mini layui-btn-primary" lay-event="update">修改</a>
                    <a class="layui-btn  layui-btn-mini layui-btn-danger" lay-event="del">删除</a>
                </div>
                <!-- </script> -->
            </div>
        </div>
        <!--履约中合同-->
        <div class="layui-tab-item ">
            <div class="operateTable">
                <div class="layui-inline">
                    <input class="layui-input" name="BUILDING_NAME" id="BUILDING_NAME" placeholder="楼宇名称">
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="ROOM_NUM" id="ROOM_NUM" placeholder="项目编号">
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAME" placeholder="承租方">
                </div>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" id="TEN_END" placeholder="承租日~~~~~~结束日">
                </div>
                <button class="layui-btn" data-type="reload">搜索</button>
            </div>
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <table id="contract" lay-filter="jxzf"></table>

                <div style="display: none;" id="jxzbar">
                    <a class="layui-btn layui-btn-mini AUTH-HTQX_CK" lay-event="detail">查看</a>
                    {{#  if(d.STATE.indexOf('待')==-1){ }}
                    <a class="layui-btn layui-bg-orange layui-btn-mini AUTH-HTQX_BJ" lay-event="change">变更</a>
                    <a class="layui-btn layui-btn-danger layui-btn-mini AUTH-HTQX_TZ" lay-event="tuizu">退租</a>
                    <a class="layui-btn layui-btn-primary layui-btn-mini AUTH-HTQX_ZF" lay-event="zuofei">作废</a>
                    {{#  }          }}

                </div>

            </div>
        </div>
        <!--待完结合同-->
        <div class="layui-tab-item">
            <div class="operateTabledwj">
                <div class="layui-inline">
                    <input class="layui-input" name="BUILDING_NAME" id="BUILDING_NAMEdwj" placeholder="楼宇名称">
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="ROOM_NUM" id="ROOM_NUMdwj" placeholder="项目编号">
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAMEdwj" placeholder="承租方">
                </div>
                <button class="layui-btn" data-type="reload">搜索</button>
            </div>
            <table id="contractdwj" lay-filter="dwjf"></table>
            <!-- <script type="text/html" id="ywjbar">-->
            <div style="display: none;" id="dwjbar">
                <a class="layui-btn layui-btn-mini AUTH-HTQX_CK" lay-event="detail">查看</a>
            </div>
            <!-- </script> -->
        </div>
        <!--终止后合同-->
        <div class="layui-tab-item">
            <div class="operateTableywj">
                <div class="layui-inline">
                    <input class="layui-input" name="BUILDING_NAME" id="BUILDING_NAMEywj" placeholder="楼宇名称">
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="ROOM_NUM" id="ROOM_NUMywj" placeholder="项目编号">
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAMEywj" placeholder="承租方">
                </div>
                <button class="layui-btn" data-type="reload">搜索</button>
            </div>
            <table id="contractywj" lay-filter="ywjf"></table>
            <!-- <script type="text/html" id="ywjbar">-->
            <div style="display: none;" id="ywjbar">
                <a class="layui-btn layui-btn-mini AUTH-HTQX_CK" lay-event="detail">查看</a>
            </div>
            <!-- </script> -->
        </div>
        <!--审批中合同-->
        <div class="layui-tab-item">
            <div class="operateTableshenhe">
                <div class="layui-inline">
                    <input class="layui-input" name="BUILDING_NAME" id="BUILDING_NAMEsp" placeholder="楼宇名称">
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="ROOM_NUM" id="ROOM_NUMsp" placeholder="项目编号">
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAMEsp" placeholder="承租方">
                </div>
                <button class="layui-btn" data-type="reload">搜索</button>
            </div>
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <table id="contractshenhe" lay-filter="shenhef"></table>
                <div style="display: none;" id="shenhebar">
                    <a class="layui-btn  layui-btn-mini AUTH-HTQX_CK" lay-event="detail">查看</a>
                    {{#  if(d.CHECK_STATE.indexOf('新建待审核')==-1){ }}
                    <a class="layui-btn  layui-btn-mini layui-btn-primary AUTH-HTQX_CK" lay-event="cancel">取消</a>
                    {{#  }          }}
                    <!--待修改 2017年12月22日 17:39:59-->
                    {{#  if(d.CHECK_STATE.indexOf('待')==-1){ }}
                    {{#  if(d.CHECK_STATE.indexOf('变更审核不通过')==-1){ }}
                    <a class="layui-btn  layui-btn-mini layui-btn-danger AUTH-HTQX_BJ" lay-event="update">修改</a>
                    {{#  }          }}
                    {{#  }          }}
                </div>

            </div>
        </div>
        <!--将到期合同-->
        <div class="layui-tab-item">
            <div class="operateTabledaoqi">
                <div class="layui-inline">
                    <input class="layui-input" name="BUILDING_NAME" id="BUILDING_NAMEdq" placeholder="楼宇名称">
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="ROOM_NUM" id="ROOM_NUMdq" placeholder="项目编号">
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAMEdq" placeholder="承租方">
                </div>
                <div class="layui-inline datebox" >
                    <input class="layui-input" name="CON_END_DATE" id="CON_END_DATE" placeholder="结束时间" >
                </div>
                <button class="layui-btn" data-type="reload">搜索</button>
            </div>
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <table id="contractjdq" lay-filter="daoqif"></table>
                <!-- <script type="text/html" id="zancunbar">-->
                <div style="display: none;" id="daoqibar">
                    <a class="layui-btn layui-btn-mini AUTH-HTQX_CK" lay-event="detail">查看</a>
                    {{#  if(d.STATE.indexOf('待')==-1){ }}
                    <a class="layui-btn layui-bg-orange layui-btn-mini AUTH-HTQX_BJ" lay-event="change">变更</a>
                    <a class="layui-btn layui-btn-danger layui-btn-mini AUTH-HTQX_TZ" lay-event="tuizu">退租</a>
                    <a class="layui-btn layui-btn-primary layui-btn-mini AUTH-HTQX_ZF" lay-event="zuofei">作废</a>
                    {{#  }          }}

                </div>
                <!-- </script> -->
            </div>
        </div>
    </div>
</div>
</div>
<script type="text/javascript" src="../../static/js/common/queryUtils.js"></script>
<script type="text/javascript" src="../../static/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../../static/js/common/authUtils.js"></script>
<script type="text/javascript" src="../../static/ujs/contract/contract_list.js"></script>
<!--到期合同 提示-->
<script type="text/html" id="contract_expires">
    {{#  if(d.EXPIRED==='1'){ }}
    {{# layer.tips('注意：到期合同', '#dd', {
    tips: [2, '#ff2134']
    }); }}
    <span style="color: #FF5722;">{{d.con_end_date}}</span>
    {{#  } else if(d.EXPIRED === "0"){ }}
    <span style="color: #79b819;">{{d.con_end_date}}</span>
    {{#  } else { }}
    异常
    {{#  }}}
</script>
</body>
</html>
